
  <div class="wrap">
        <video id="slide-video" preload="auto" loop autoplay muted>
            <source src="files/video/1.mp4"  type='video/mp4'/>
        </video>
        <div class="video-overlay" style="background: rgba(0,0,0,0.5); z-index: 1"></div>
    </div>
    <div class="vertical-middle center">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-7">
                    <div class="slider-title mb-5 dark clearfix">
                        <h2 class="text-white text-rotater mb-2" data-separator="," data-rotate="fadeIn" data-speed="3500">Learn More About
                            <span class="t-rotate text-white">{{ trans('visiosoft.theme.coursefinder::field.placeholder-button.name') }}</span>.</h2>
                        <p class="lead mb-0 uppercase ls2" style="color: #CCC; font-size: 110%">What Do You Want To Learn?</p>
                    </div>
                    <div class="clear"></div>
                    <form action="{{ url_route('visiosoft.module.advs::list') }}" method="GET" >
                        <div class="input-group input-group-lg mt-1">
                            <input class="form-control rounded noborder" type="search" name="keyword"  placeholder="Search Your Courses.." aria-label="Search">
                            <div class="input-group-append">
                                <button class="btn" type="submit"><i class="icon-line-search t700"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>